<include file="header" />
<link rel="stylesheet" type="text/css" href="/assets/base/water/css/swiper.min.css">
<link rel="stylesheet" href="/assets/bower_components/sweetalert/lib/sweet-alert.css?v={BEESCRM:$time}">
</head>
<body>
<div class="wraper">
    <div class="load">
        <img class="load-bee" src="/assets/base/waterfee/images/load-bee.png">
    </div>
	<div class="head clearfix">
		<if condition="$flag eq 1">
			<a href="{BEESCRM::U('base/waterFee/checkFee',array('water_fee_id'=>$water_fee_id))}" class="iconfont icon-zuo pull-left"></a>
			<else/>
			<a href="javascript:history.go(-1);" class="iconfont icon-zuo pull-left"></a>
		</if>
		<span class="head-name pull-left">水费充值</span>
		<a href="/base/waterFee/index/water_fee_id/{BEESCRM:$water_fee_id}" class="iconfont icon-shouye pull-left text-right"></a>
	</div>
	<input type="hidden" id="water_fee_id" value="{BEESCRM:$water_fee_id}">
	<p class="lists">需缴费用<br/>
		<span class="fee"><if condition="$data['need_fee']">{BEESCRM:$data.need_fee}<else/>0</if></span> 元</p>
	<p class="lists">{BEESCRM:$roomInfo.community_name} {BEESCRM:$roomInfo.building_name} <if condition="$roomInfo['room_name']">{BEESCRM:$roomInfo.room_name}室</if></p>
	<p class="field">用水信息</p>
	<p class="lists">上期水表读数：<if condition="$data['last_water_num']">{BEESCRM:$data.last_water_num}<else/>暂未查到信息</if></p>
	<p class="lists"><if condition="$data['month']">{BEESCRM:$data.month}月<else/>本期</if>水表读数：<if condition="$data['water_num']">{BEESCRM:$data.water_num}<else/>暂未查到数据</if></p>
	<p class="lists">实际用水：{BEESCRM:$data.waterUsed}吨</p>
	<p class="lists">超出数：<if condition="$data['waterFee']">{BEESCRM:$data.waterFee}<else/>0</if>吨</p>
	<if condition="$show eq 1">
		<p class="lists" style="color: red;">注：暂无需要缴纳的水费</p>
	</if>
	<if condition="$show eq 2">
		<p class="lists" style="color: red;">注：{BEESCRM:$data.real_name}已缴纳了该期水费</p>
	</if>

	<div class="btn-box half-btn">
		<if condition="$show eq 0">
			<a href="javascript:void(0);" class="btn" data-list_id="{BEESCRM:$data.list_id}">缴费</a>
		</if>
	</div>

	<!--无记录-->
	<!--<div class="none-list"><img src="/assets/base/waterfeeimages/none-list.jpg"/></div>-->
	<div class="bottom-box">
		<p class="copyright">技术支持 青橄榄网络</p>
	</div>
</div>
<script src="/assets/base/waterfee/js/jquery-2.1.0.min.js"></script>
<script src="/assets/base/waterfee/js/swiper.min.js"></script>
<script src="/assets/base/waterfee/js/jq.utils.js"></script>
<script src="/assets/bower_components/sweetalert/lib/sweet-alert.min.js"></script>
<script src="/assets/base/waterfee/js/order.js?ver={BEESCRM:$time}"></script>
<script>
	$(function(){
		var height = document.body.clientHeight;
		$('.wraper').css("height",height);
		var bottombox_height = $('.bottom-box').outerHeight();
		var height_head = $('.head').outerHeight();
		var contain_h = height - height_head;
		$('.none-list').css("height",contain_h);
		$('.none-list img').css("height","100%");
	});

	$(window).load(function(){
		$('.load').hide();
	});


</script>
</body>
</html>